<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>云南公安网安监管系统-控制台</title>
    <link rel="stylesheet" href="../../assets/css/uikit.css">
    <link rel="stylesheet" href="../../assets/icons/style.css">
    <link rel="stylesheet" href="../../assets/css/selfStyle.css">
    <script src="../../scripts/plugins/jquery-1.11.3.min.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
<div class="sys-header">
    <div class="sys-logo">
        <h1>云南公安网安监管系统-控制台</h1>
    </div>
    <div class="sys-topbar">
        <img src="../../assets/images/_userphoto.png"><span><a href="#" id="topUserName">Admin</a> <a id="btn_logout" class="button" href="#"> 【返回】</a></span>
    </div>
</div>

<div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>用户管理</h2></div>

    <div class="sys-content">
        <div class="panel">
            <div class="panel-head">
                <div class="btnbar"> <button class="btn btn-success" id="add">添加用户</button></div>

                <div class="filter">
                    <input type="text" id="txt_keyword" placeholder="请输入帐号或姓名查询">  <button id="btnSearch" class="btn">检索</button>
                </div>
            </div>
            <div class="panel-body">


                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th width="5%">序号</th>
                        <th>帐号</th>
                        <th>真实姓名</th>
                        <th>联系电话</th>
                        <th>电子邮箱</th>
                        <th width="25%">权限</th>
                        <th>状态</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="tbd_users"></tbody>
                </table>
            </div><!--panel-body end-->
            <div class="panel-foot">
                <div class="btns"><!-- <button class="btn btn-danger">批量删除</button> --></div>
                <div class="page">
                    <ul class="pagination"></ul>
                </div>
            </div><!--panel-foot end-->
        </div>
    </div>
</div>

<div class="dialog dialog-sm" id="dialog_addUser" style="z-index: 1049">
    <div class="dialog-win">
        <div class="dialog-head"><span id="title">添加用户</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
        <div class="dialog-body">

            <div class="form-box">
                <div class="form-item">
                    <div class="form-title"><em class="fc-danger">*</em>登录帐号：</div>
                    <div class="form-content"><input class="input" id="account" type="text"></div>
                </div>
                <div class="form-item">
                    <div class="form-title"><em class="fc-danger">*</em>登录密码：</div>
                    <div class="form-content"><input class="input" id="password" type="password"></div>
                </div>
                <div class="form-item">
                    <div class="form-title"><em class="fc-danger">*</em>真实姓名：</div>
                    <div class="form-content"><input class="input" id="realName" type="text"></div>
                </div>
                <div class="form-item">
                    <div class="form-title">联系电话：</div>
                    <div class="form-content"><input class="input" id="phone" placeholder="" type="text"></div>
                </div>
                <div class="form-item">
                    <div class="form-title">电子邮箱：</div>
                    <div class="form-content"><input class="input" id="email" placeholder="" type="text"></div>
                </div>
                <div class="form-item" id="authSelect">
                    <div class="form-title"><em class="fc-danger">*</em>访问权限：</div>
                    <div class="form-content"><label><input data-value="1" type="checkbox">大数据安全监管平台</label><label><input data-value="2" type="checkbox">资源安全监管平台</label></div>
                </div>
                <div class="form-item">
                    <div class="form-title">备注：</div>
                    <div class="form-content"><textarea class="input" ></textarea></div>
                </div>
            </div>

        </div>
        <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>

    </div>
</div>
<!--dialog end-->
</body>
<script src="../../scripts/plugins/jquery.com.toolkit.js"></script>
<script src="../../scripts/plugins/jquery.pagination.js"></script>
<script src="../../scripts/plugins/jquery.tmpl.min.js"></script>

<script src="../../scripts/plugins/sonic.js"></script>
<script src="../../scripts/plugins/drag.js"></script>
<script src="../../scripts/plugins/jquery.icheck.min.js"></script>
<script src="../../scripts/plugins/frame.js"></script>
<script src="../../scripts/plugins/jquery.chosen.min.js"></script>
<script src="../../scripts/lib/bs/tooltip.js"></script>
<script src="../../scripts/lib/bs/popover.js"></script>


<script src="../../scripts/app/appApi.js"></script>
<script src="../../scripts/app/appController.js"></script>
<script src="../../scripts/app/appData.js"></script>
<script src="../../scripts/app/userManager.js"></script>
</html>